.row {
  @extend .clearfix;
}

@media (--phone) {
  body {
    background-color: #c7ddef;
    &::before {
      content: "phone";
    }
  }
}

@media (--tablet) {
  body {
    background-color: #00AA88;
    &::before {
      content: "tablet";
    }
  }
}

@media (--desktop) {
  body {
    background-color: #8a6d3b;
    &::before {
      content: "desktop";
    }
  }
}

@media (--large-desktop) {
  body {
    background-color: #00b3ee;
    &::before {
      content: "large-desktop";
    }
  }
}